<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!DOCTYPE html>
<html>
	<head>
		<base href="<%=basePath%>">
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta http-equiv="X-UA-Compatible" content="IE-edge,chrome=1"/><!--用IE的最高版本浏览网页，以防低版本IE不支持部分css3属性-->
		<title>工程界-视频管理</title>
		<meta name="viewport" content="width=device-width,initial-scale=1"/><!--意思是使网页的宽度强制适应不同服务窗口的宽度（宽度自适），且用户不能够随意缩放网页-->
		<meta name="description" content=""/><!--关键字的描述内容(description)-->
		<meta name="keywords" content=""><!--关键字(keywords)-->
		<link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon" />
		<link rel="icon" href="img/favicon.ico" type="image/x-icon" />
		<link rel="stylesheet" type="text/css" href="css/reset.css" />
		<link rel="stylesheet" type="text/css" href="css/main.css"/>
		<link rel="stylesheet" type="text/css" href="css/manageMedia.css" />
		<script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
		<script type="text/javascript" src="js/jqPaginator.js"></script>
</head>
	<body>
		<div id="main">			
				<div class="course-content">					
					<div class="clearfix">						
						<div class="release-left-wrap clearfix">						
							<div class="release-left fr" style="display: block;">								
								<div class="release-left edit-collection-wrap fr" >								
									<div class="edit-collection">
									<input type="checkbox" class="house-d"/><label for="">全选</label>
									<span class="house house-del">删除</span>
									</div>
								<div class="edit-list clearfix">
									<div class="release-contents fl">
										<input type="checkbox" id="check" class="check" name="checkbox-del"/>
										<a href=""><img src="img/item.png" alt="" /></a>
									</div>
									<div class="release-course fl">
										<h4>高等数学第一课</h4>
										<i class="release-icon"></i>
										<span class="release-free">免费</span>
										<span class="release-time">2016.10.10</span>
									</div>
									<span class="release-progress fl">已学习<em>100%</em></span>
									<div class="text-msg fl">
										<span class="frequency"> 播放 <em>65</em> 万次 </span>
										<span class="collect">收藏 <em> 30</em></span>
									</div>
									<span class="edits edit-del fr">取消收藏</span>
								</div>
								<div class="edit-list clearfix">
									<div class="release-contents fl">
										<input type="checkbox" id="check" class="check" name="checkbox-del"/>
										<a href=""><img src="img/item.png" alt="" /></a>
									</div>
									<div class="release-course fl">
										<h4>高等数学第一课</h4>
										<i class="release-icon"></i>
										<span class="release-free">免费</span>
										<span class="release-time">2016.10.10</span>
									</div>
									<span class="release-progress fl">已学习<em>100%</em></span>
									<div class="text-msg fl">
										<span class="frequency"> 播放 <em>65</em> 万次 </span>
										<span class="collect">收藏 <em> 30</em></span>
									</div>
									<span class="edits edit-del fr">取消收藏</span>
								</div>
								<div class="edit-list clearfix">
									<div class="release-contents fl">
										<input type="checkbox" id="check" class="check" name="checkbox-del"/>
										<a href=""><img src="img/item.png" alt="" /></a>
									</div>
									<div class="release-course fl">
										<h4>高等数学第一课</h4>
										<i class="release-icon"></i>
										<span class="release-free">免费</span>
										<span class="release-time">2016.10.10</span>
									</div>
									<span class="release-progress complete fl">已学习<em>50%</em></span>
									<div class="text-msg fl">
										<span class="frequency"> 播放 <em>65</em> 万次 </span>
										<span class="collect">收藏 <em> 30</em></span>
									</div>
									<span class="edits edit-del fr">取消收藏</span>
								</div>
								<div class="edit-list clearfix">
									<div class="release-contents fl">
										<input type="checkbox" id="check" class="check" name="checkbox-del"/>
										<a href=""><img src="img/item.png" alt="" /></a>
									</div>
									<div class="release-course fl">
										<h4>高等数学第一课</h4>
										<i class="release-icon"></i>
										<span class="release-free">免费</span>
										<span class="release-time">2016.10.10</span>
									</div>
									<span class="release-progress complete fl">已学习<em>43%</em></span>
									<div class="text-msg fl">
										<span class="frequency"> 播放 <em>65</em> 万次 </span>
										<span class="collect">收藏 <em> 30</em></span>
									</div>
									<span class="edits edit-del fr">取消收藏</span>
								</div>
							</div>
							</div>
					</div>
				</div>
			</div>
			<div class="pagea">
				<ul class="pagination" id="pagination1"></ul>
			</div>	
			<div class="clear"></div>		
	</body>
	<script type="text/javascript">
	    $.jqPaginator('#pagination1', {
	        totalPages: 100,
	        visiblePages: 5,
	        currentPage: 1,
	        onPageChange: function (num, type) {
	           
	        }
	    });  
	</script>
</html>
